﻿<!DOCTYPE HTML>
<html lang="en" class="no-js fixed-layout">
<head>
    <title>添加用户</title>
    <style type="text/css">
        [v-cloak] {
            display: none;
        }
    </style>
    <link rel="stylesheet" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link href="../lib/assets/css/dateTime/foundation.min.css" rel="stylesheet" type="text/css">
    <link href="../lib/assets/css/dateTime/foundation-datepicker.css" rel="stylesheet" type="text/css">

    <script src="../lib/assets/vendor/jquery/jquery-3.2.1.min.js"></script>
    <script src="../lib/assets/vendor/jquery/jquery.form.min.js"></script>
    <script src="../lib/assets/vendor/jquery/laydate.js"></script>
    <script src="../lib/assets/scripts/zebra_datepicker.js"></script>
    <script src="../lib/assets/scripts/foundation-datepicker.js"></script>
    <script src="../lib/assets/scripts/foundation-datepicker.zh-CN.js"></script>
    <script>
        seajs.use("user");
    </script>
</head>
<body>
	<div class="container-fluid" style="background-color: #fafafa;!important;">
        <form class="form-inline" id="userListSubmitForm"  enctype="application/json; charset=UTF-8"  method="POST"  >
			<table class="table" contenteditable="false" border="0" draggable="false" spellcheck="false" style="text-align: center;">
				<tbody >
				<tr style="border:1px solid #ccc;!important;">
					<td style="text-align: right"><label>用户名</label></td>
					<td><input type="text" id="loginName" class="form-control" name="loginName" placeholder="请输入用户名"/></td>
					<td style="text-align: right">角色</td>
					<td>
						<select name="role" class="form-control" style="width: auto">
							<option value="">请选择</option>
							<option>DEV</option>
							<option>QA</option>
							<option>PM</option>
						</select>
					</td>
					<td style="text-align: right">姓名</td>
					<td><input type="text" class="form-control" id="name" name="name" placeholder="请输入姓名"/></td>
				</tr>
				<tr style="border:0px solid #ccc;">
					<td style="text-align: right"><label>创建时间开始时间</label></td>
					<td><input class="form-control data" name="startTime" placeholder="请输入日期" value=" " type="text" /></td>
					<td style="text-align: right">创建时间结束时间</td>
					<td><input class="form-control span2 dataEnd"  name="endTime" placeholder="请输入日期" value=" " type="text" /></td>
				</tr>
				</tbody>
				<tfoot style="text-align: left;">查询条件</tfoot>
			</table>
            <div class="container-fluid" style="background-color: #fafafa;!important;">
                <div class="form-group">
                    <div class="col-sm-5">
                        <input id="userListajaxSubmit" type="button" class="btn btn-primary" value="查询">
                    </div>
                </div>
            </div>
        </form>
		<table class="table " id="datas">
			<thead>
				<tr>
					<th>登录名</th>
					<th>姓名</th>
					<th>角色</th>
					<th>创建时间</th>
				</tr>
			</thead>
			<tbody id="tbody">
				<tr class="template">
					<td id="user.loginName"></td>
					<td id="user.name"></td>
					<td id="user.role"></td>
					<td id="user.createTime"></td>
				</tr>
			</tbody>
		</table>
	</div>

    <script src="../lib/assets/vendor/vue/vue.min.js"></script>
    <script>
        seajs.use("userList");
	</script>
</body>
</html>
